@charset "utf-8";
/******************************************************

 概况：样式表入口文件
 
 ******************************************************/
/* 全局 */
@import 'main.css';

@import 'header_topic.css';




.banner{margin: 0 auto; width:100%; height: 888px; background: url(../images/topic/outing/banner.jpg) no-repeat center;}

/*********今日特价轮播**********/
.carousel{width: 1200px; margin: 30px auto 80px;overflow: hidden;}
.carousel .carousel_tittle{text-align: center; margin-bottom: 32px;}
.carousel .carousel_bg{ position: relative;height: 387px; }
.carousel .carousel_img{width: 9000px;height: 387px; overflow: hidden; position: absolute; left: 0; top:0;}
.carousel .carousel_img li{float: left;}
.carousel .point{margin-top:20px; overflow: hidden; text-align: center;}
.carousel .point li{width: 12px; height: 12px; border-radius: 100%; background-color: #b5deb5;display: inline-block; margin: 0 8px;}
.carousel .point li.show{background-color: #005923;}

/*广东周边游*/
.gd{width: 1200px; margin: 0 auto; position: relative; z-index: 10;}
.gd .gd_tittle{margin-bottom: 30px; position: relative;padding-left: 130px;}
.gd .gd_tittle .jiao{position: absolute; top: 20px; left: -50px;}
.wrap{ overflow: hidden; margin: 0 -16px;}
.wrap li{float: left; margin: 0 18px; width: 362px;}
.wrap li a img{width: 362px; height: 230px;}
.wrap li a h5{margin: 20px 15px 5px 15px; font-size: 20px; height: 56px;overflow: hidden;}
.wrap li a .buy{overflow: hidden;}
.wrap li a .buy p{float: left;font-size: 15px; color: #f4544f; margin: 30px 0 0 15px;}
.wrap li a .buy p span{color: #F4544F;font-size: 36px;font-weight: bold; margin: 0 3px;}
.wrap li a .buy .goumai{float: right;width: 90px;height: 90px; border-radius:100% ; border: solid 5px #FFE6EC;}
.wrap li a .buy .goumai h6{width: 78px; height: 78px; border-radius: 100%; background-color: #F4544F; text-align: center;color: white;font-size: 18px;margin: 6px 0 0 6px;line-height: 55px;}
.wrap li a .buy h6 span{color: white;display: block; margin-bottom: -35px;font-size: 18px;}
.wrap li a:hover h5{color: #F4544F;}
.gd .wrap li:last-child{width: 390px;}
.gd .wrap li:last-child a img{width: 390px;height: 300px;}

/*亚洲周边游*/
.asia_bg{width:100%;height: 1512px; background: url(../images/topic/outing/asia_bg.jpg) no-repeat center; margin: -30px auto; position: relative;}
.asia{width: 1200px;margin: 0 auto; overflow: hidden;}
.asia .asia_tittle{ position: relative;margin:210px 0 30px 0; padding-right: 150px;}
.asia .asia_tittle:after{content: "";height: 0px;display: block; clear: both;}
.asia .asia_tittle img{float: right;}
.asia .asia_tittle .jiao{position: absolute; bottom: -70px; right: 0px;}
.asia li{margin-bottom: 50px;}
.asia_bg .spring_tittle{position: absolute; width: 525px; height: 123px; left: 50%;bottom: 114px; background: url(../images/topic/outing/spring_tittle.png) no-repeat center;margin-left: -276px;}


/*春节旅游列表*/
.spring{overflow: hidden;}
.spring .spring_fig{ position: relative;width:50%; height: 345px; float: left;}
.spring .spring_fig img{width: 555px; height: 294px;}
.spring .spring_fig:hover img{box-shadow:0 5px 15px 2px rgba(0,0,0,0.5);}
.spring .left{ margin: 100px 0;overflow: hidden;}
.spring .right{margin: 100px 0; overflow: hidden;}
.spring .green_bg{ background-color: #49e7ab;}
.spring .gray_bg{background-color: #f3f7f6;}
.spring .right .box{float: right; margin-right: 30px; width: 520px;}
.spring .right img{float: left; margin: 25px 0 0 25px;}
.spring .left img{float: right; margin: 25px 25px 0 0;}
.spring .right .box h2{margin-top: 30px;}
/*价钱*/
.spring .spring_fig .money_bg{position: absolute;top:115px;width: 107px; height: 107px; border-radius: 100%; background-color: #F4544F;}
.spring .spring_fig .money{height: 50px; padding: 0 20px; color: white; font-size: 26px; background-color: #F4544F; border-radius: 20px; position: absolute; line-height: 50px; top: 143px; z-index: 99; font-weight: 500;}
.spring .right .money_bg{left: -40px;}
.spring .right .money{left: -40px;}
.spring .left .money_bg{right: -40px;}
.spring .left .money{right: -40px;}
/***/
.spring .white_bg{width: 50%;height: 345px; background-color: white; float: left;}
.spring .white_bg .box{width: 550px; padding:0 50px;}
.spring .white_bg .box h2 a{font-size: 30px; text-decoration: underline; font-weight: bold;}
.spring .white_bg .box h2 a:hover{color: #F4544F;}
.spring .white_bg .box h4{font-size: 15px; color: #666;line-height: 18px; max-height: 40px;overflow: hidden;margin: 10px 0;}
.spring .white_bg .box dl{margin: 10px 0;}
.spring .white_bg .box ul{margin: 10px 0;}
.spring .white_bg .box .goplace{overflow: hidden;}
.spring .white_bg .box .goplace dt{float: left;}
.spring .white_bg .box .goplace dd{float: left; margin: 0 5px; font-weight: bold;}
.spring .white_bg .box .type{overflow: hidden;}
.spring .white_bg .box .type li{float: left; color: #50b400; margin-right:10px ;}
.spring .white_bg .box .date{overflow: hidden;}
.spring .white_bg .box .date dt{float: left;margin-right: 5px;}
.spring .white_bg .box .date dd{float: left; margin: 0 5px;}


.bottom_bg{height: 894px; background: url(../images/topic/outing/footer_bg.jpg) no-repeat center; margin-top: -50px;}
.bottom_bg p{text-align: center; padding-top: 170px; color: #649422;}





